<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>html5day001</title>
	</head>
	<body bgcolor="red-1">
		<!-- 标记  <>   /<>   -->
		
		<!-- 元素=前标记+后标记+内容+...... [元素之间可以嵌套]-->
		<p>教学内容</p>
		
		<!-- 文本群 1，2，3， ......-->
		
		<!-- 01：实业（实体）字符 ：转化特殊字符 -->
		&copy;版权
		&reg;商标
		&lt;小于
		&gt;
		&nbsp;空格
		
		<!-- 02 :假文 [占位符]-->
		Lorem ipsum dolor, sit amet consectetur adipisicing elit. Quo omnis eveniet voluptates libero dolore accusantium veritatis, amet nobis, reiciendis eum rem temporibus laboriosam fugiat exercitationem fugit beatae nesciunt dolorem sed!
	     
		<!-- 03文本样式元素：精灵图 -->
		
		<i>文本倾斜</i>
		<b>文本加粗</b>
		<u>文本下划线</u>
		<s>文本删除线</s>
		
		文言文<sub>解释</sub>
		<sup>上标</sup>
		
		<!-- 04标题元素（6个）： -->
		<h1>标题元素</h1>	
		<h3></h3>
		
		
		<!--05：分割线元素和换行  -->
		<!--元素有：封闭型 【双】标记  非封闭 【单标记】-->
		<hr />
		换行<br />换行
		
		<!-- 06：跑马灯元素 -->
		<marquee>逃跑不叫我</marquee>
		
		<!-- 07：预格式化..  pre元素：放什么是什么-->
		<pre>99999999999999999999</pre>
		<!-- 嵌套 -->
		<b><i>lorem</i></b> 
		
		<pre>
		
		&lt;p&gt;静夜思&lt;/p&gt;
			床前明月光，疑是地上霜。
			举头望明月，低头思故乡。
			
		</pre>
		
       <!-- 08：段落元素 -->
       <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolor rem ea, consequatur, tempore, fugiat mollitia ab ipsum eos eius dolorum laudantium asperiores facere ratione nulla reiciendis enim sunt perferendis aliquam!</p>
	   <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Tempore consequatur illum ipsa, id incidunt magnam. Commodi, aut. Minima ratione excepturi aut, suscipit repellendus et consequatur expedita odit a fugit ipsum?</p>
	
	<!-- 二：属性与属性值使用 -->
	
	<!-- 语法<p 属性="属性值"></p> -->
	
	<p align="right">段落元素</p>
	
	<!--  -->
	
	
	
	
	
	<p>段落元素</p>
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
		</body>
		
		
</html>